<template>
    <panel title="单页面多图表">
        <div style="display:flex">
            <div style="width: 49%;min-height:500px;border:1px solid red;margin-right: 2%;padding: 10px;">
                <!-- 首页图表 -->
                <HomeChart></HomeChart>
            </div>
            <div style="width: 49%;min-height:500px;border:1px solid pink;padding: 10px;">
                <!-- 订单图表 -->
                <order-chart></order-chart>
            </div>
        </div>
    </panel>
</template>

<script>
import HomeChart from '@/components/charts/HomeChart.vue';
import OrderChart from '@/components/charts/OrderChart.vue';
import Panel from '@/panel/Panel.vue';

export default {
    components: { HomeChart, OrderChart, Panel }
}
</script>

<style lang="less" scoped>

</style>